html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2; }
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.center{ margin:0px auto;}
.midd{ width:1200px; height:auto; overflow:hidden; margin:0px auto;}
/********General**********/






html, body {
	position: relative;
	height: 100%;
}
body {
	background: #eee;
	font-family: sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}


.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.title {
	transition-delay: 1s;
	z-index: 10;
}
.title h3 {
	font-weight: 700;
    font-size: calc(24px + 54 * ((24vw + 53vh) - 520px) / 820);
	letter-spacing: -1px;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 2px #fff;
}
.img-box {
	width: 1920px;
	height: 875px;
	position: absolute;
	transform: scale(0.6, 0.6);
	transition-duration: 1s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	opacity: 0.9;
	overflow: hidden;
}
.img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2, 1.2) translateX(50%);
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	transition-property: transform;
}
.button-prev, .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	top: 65vh;
	transform: translateY(-34px);
	cursor: pointer;
}
.button-prev {
	left: 4vw;
}
.button-next {
	right: 4vw;
}
.button.disabled {
	opacity: 0.2;
	cursor: default;
}
#arrow-svg-home {
	transform: translateY(353px);
}
.button-next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}
svg {
	transition: 0.5s;
}
.cls-1 {
	transition: 0.5s;
	opacity: 0.4;
	transform-origin: -20px 40px;
	opacity: 1;
}
.cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.4;
	transform-origin: 0px 0px 0px;
}
#arrow-trg {
	transition: 0.5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-53px, 39px);
}
#line {
	transition: 0.5s;
	stroke: #fff;
	transform: translate(50px, 42px);
}
.button-prev:not(.disabled):hover svg {
	transform: translateX(-25px);
}
.button-next:not(.disabled):hover svg {
	transform: translateX(25px);
}
.button:not(.disabled):hover .cls-1 {
	transform: scale(1.1);
}
.button:not(.disabled):hover .cls-4 {
	stroke-dasharray: 2px;
	stroke-dashoffset: 2px;
	opacity: 1;
}
.button:not(.disabled):hover #arrow-trg {
	transform: rotateY(180deg) translate(-37px, 39px);
}
.button:not(.disabled):hover #line {
	transform: translate(35px, 42px) scaleX(0.33);
}

.tupian2{ margin-top:29px;}


.aboutus{ width:100%; height:auto; overflow:hidden; background:#111720; min-width:1200px;}
.aboutus_l{ margin-top:95px; width:600px;}
.about_us_btn ul li{ float:left; background:#fff; width:222px; height:60px; background: linear-gradient(to left top, #fff 50%, #fff 50%);
    border-style: none;
    color:#111720;
    font-size: 16px;
    letter-spacing: 3px;
	margin-right:40px;
  
   
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);}
.about_us_btn ul li .about_ico{ margin-left:42px; margin-top:18px; margin-right:28px;}	
.about_us_btn ul li .about_l_tex{ line-height:60px;}
.about_us_btn ul li span{
    position: absolute;
    display: block;
}
.about_us_btn ul li span:nth-child(1){
    height: 3px;
    width:200px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #53bf75);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

@keyframes span1{
    0%{
        left:-200px
    }
    100%{
        left:200px;
    }
}
.about_us_btn ul li span:nth-child(2){
    height: 70px;
    width: 3px;
    top:-70px;
    right:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #53bf75);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes span2{
    0%{
        top:-70px;
    }
    100%{
        top:70px;
    }
}
.about_us_btn ul li span:nth-child(3){
    height:3px;
    width:200px;
    right:-200px;
    bottom: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0), #53bf75);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 2s linear infinite;
    animation-delay: 3s;
}
@keyframes span3{
    0%{
        right:-200px;
    }
    100%{
        right: 200px;
    }
}

.about_us_btn ul li span:nth-child(4){
    height:70px;
    width:3px;
    bottom:-70px;
    left:0px;
    background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    animation: span4 2s linear infinite;
    animation-delay: 4s;
}
@keyframes span4{
    0%{
        bottom: -70px;
    }
    100%{
        bottom:70px;
    }
}

.about_us_btn ul li:hover{
    transition: all .5s;
    transform: rotate(-3deg) scale(1.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
}
.about_us_btn ul li :hover span{
    animation-play-state: paused;
}	
	

.about_l_mid{ width:600px; height:auto; overflow:hidden; background:#111e31; margin-top:44px;}
.about_l_mid_tit{ margin-left:45px; margin-top:37px;}
.ab_tex{ color:#fefeff; font-size:24px; font-weight:bold;}
.ab_line{ margin-left:46px; margin-top:19px;} 
.ab_tex{ margin-left:18px;}
.ab_tex1{ width:529px; color:#fff;margin-left:46px; margin-top:44px; line-height:30px;}
.ab_tex2{ color:#fff; font-size:14px; margin-left:10px; font-size:16px;}
.aboutus_r{ margin-top:85px; }
.video{ margin-top:30px;}

.all .bll{float:left; }
        .all .bll .list{  -moz-border-radius:10px;border-radius:10px;cursor:pointer; }
        .divradius{ -moz-border-radius:50px;border-radius:50px;line-height:60px;}
		
		.all .bll .backc1:hover{ -moz-border-radius:50px;border-radius:50px;}
		
		.all .bll .backc6:hover{ -moz-border-radius:50px;border-radius:50px;}
		
		.all .bll .backc7:hover{-moz-box-shadow: 5px 5px 5px #888888;box-shadow: 5px 5px 5px #888888;}
		
		.all .bll .backc8
		{
            transition:width 1s, height 1s;
            -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
            -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
            -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
		}
		.all .bll .backc8:hover
		{
            transform:rotateY(360deg);
            -moz-transform:rotateY(360deg); /* Firefox 4 */
            -webkit-transform:rotateY(360deg); /* Safari and Chrome */
            -o-transform:rotateY(360deg); /* Opera */
		}
		
		.all .bll .backc9
		{
            transition:width 1s, height 1s;
            -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
            -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
            -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
		}
		.all .bll .backc9:hover
		{
            transform:rotateX(360deg);
            -moz-transform:rotateX(360deg); /* Firefox 4 */
            -webkit-transform:rotateX(360deg); /* Safari and Chrome */
            -o-transform:rotateX(360deg); /* Opera */
		}
		
		.all .bll .backc10
		{
            transition:width 0.5s, height 0.5s;
            -moz-transition:width 0.5s, height 0.5s, -moz-transform 0.5s; /* Firefox 4 */
            -webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* Safari and Chrome */
            -o-transition:width 0.5s, height 0.5s, -o-transform 0.5s; /* Opera */
		}
		.all .bll .backc10:hover
		{
            transform:rotate(45deg);
            -moz-transform:rotate(45deg); /* Firefox 4 */
            -webkit-transform:rotate(45deg); /* Safari and Chrome */
            -o-transform:rotate(45deg); /* Opera */
		}
		
		.all .bll .backc11
		{
            transition:width 0.5s, height 0.5s;
            -moz-transition:width 0.5s, height 0.5s, -moz-transform 0.5s; /* Firefox 4 */
            -webkit-transition:width 0.5s, height 0.5s, -webkit-transform 0.5s; /* Safari and Chrome */
            -o-transition:width 0.5s, height 0.5s, -o-transform 0.5s; /* Opera */
		}
		.all .bll .backc11:hover
		{
		    width:60px;
            height:60px;
            line-height:60px;
            margin-top:5px;
            transform:rotate(360deg);
            -moz-transform:rotate(360deg); /* Firefox 4 */
            -webkit-transform:rotate(360deg); /* Safari and Chrome */
            -o-transform:rotate(360deg); /* Opera */
		}
		
		.all .bll a{text-decoration:none;}



.tu_pic{ margin-top:28px; margin-bottom:68px; height:auto; overflow:hidden;}
.tubiao1{ margin-top:105px;}




.product_top {
width:100%;
	cursor:pointer;
	height:599px; background:url(../Image/bg1.jpg) no-repeat left;
	-webkit-animation:scaleout 3.3s infinite ease-in-out;
	animation:scaleout 3.3s infinite ease-in-out;
}

 .section  {
	position: relative;
	margin: 0;
	padding: 1em;
	z-index: 1;
	text-align:center;
}
.product_btn{ margin-top:30px;}

.index_show{width:1200px;height:360px; margin: auto;position: relative; margin-top:30px;   }
.index_show_con{width:1200px;position:relative;margin: auto;}
.partFourCon{width:1200px;height: 360px; overflow:hidden;}
.partFourCon li{float:left;width:480px;  height:360px; display:inline;margin-left: 24px; cursor: pointer; }
.partFourCon li img{ position:relative;   }
.partFourCon li .tit2{ color:#fff; height:35px; line-height:35px; text-align:center; background:#29b6f6;}

.left_button{ width:57px;height:57px;position:absolute;left:-68px;top:80px; background: url(../Image/left.png) no-repeat center; z-index:9999;}
.right_botton{ width:57px;height:57px;position:absolute;right:-68px;top:80px;background: url(../Image/right.png)  no-repeat center;}




.youshi{ width:100%; background:#111720; height:auto; overflow:hidden; min-width:1200px;}
.youshi_tti{ text-align:center; margin-top:47px;}
.youshi_mid{ width:545px; margin:0px auto; margin-top:24px;}
.mme_pic,.mee{ display:inline-block;}
.mme_pic{ }
.mee{ font-size:23px; color:#fff; font-weight:bold; margin-left:10px;}
.advantage2 {
  width: 100%;
  background: url("../Image/ysbg2.jpg") no-repeat center;
  background-size: cover;
  height: 536px;
  margin-top:39px;
}
.advantage2 main {
  position: relative;
}
main {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

main {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    *: ;
    zoom: 1;
}
.advantage2 main .swiper-button-prev {
  background: url("../Image/prev.png") no-repeat center;
  width: 54px;
  height: 103px;
  outline: none;
  left: -87px;
  top: 240px;
}
.advantage2 main .swiper-button-next {
  background: url("../Image/next.png") no-repeat center;
  width: 54px;
  height: 103px;
  outline: none;
  right: -87px;
  top: 240px;
}
.advantage2 .swiper-container-advantage2 .swiper-slide {
  position: relative;
}
.advantage2 .swiper-container-advantage2 .swiper-slide .pic {
  width: 100%;
  height: 100%;
}
.advantage2 .swiper-container-advantage2 .swiper-slide > p {
  background: rgba(17, 33, 47, 0.82);
  width: 788px;
  height: 158px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-top-left-radius: 90px;
  text-align:left;
}
.advantage2 .swiper-container-advantage2 .swiper-slide > p b {
  color: #fff;
  font-size: 24px;
  display: block;
  margin-top: 30px;
  margin-left: 77px;
}
.advantage2 .swiper-container-advantage2 .swiper-slide > p small {
  color: #fff;
  font-size: 16px;
  display: block;
  margin-top: 15px;
  margin-left: 77px;
  line-height: 28px;
}

.tubiao{ margin-top:62px; padding-bottom:61px; background:111e31; width:100%;}
.tubiao ul li{ width:133px; height:115px; background:url(../Image/kuang.png) no-repeat center; text-align:center; float:left; margin-right:44px;}
.tubiao ul li .tubiao_pic{ padding-top:23px;}
.tubiao ul li .tubiao_tex{ color:#fff; text-align:center; font-size:16px; font-weight:bold; margin-top:16px;}
.tubiao ul li:nth-of-type(7){ margin-right:0px;}



.factoy{ width:100%; background:#111720; height:auto; overflow:hidden; min-width:1200px;}
.factoy_mid{ margin-top:47px;}
.factoy_m{ margin-left:14px;}
.factoy_l ul li{}

:root{
	--color_1: #fff;
	--main-color: #1dd1a1;
}
.box{
	font-family: 'Niramit', sans-serif;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.box:before,
.box:after,
.box-content:before,
.box-content:after{
	content: '';
	background: linear-gradient(transparent,rgba(0,0,0,0.9));
	height: 100%;
	width: 25%;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;
}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after{
	transform: translateY(0);
}
.box:after{ left: 25%; }
.box .box-content:before{ left: 50%; }
.box .box-content:after{ left: 75%; }
.box:hover:before{ transition-delay: 0.225s; }
.box:hover:after{ transition-delay: 0.075s; }
.box:hover .box-content:before{ transition-delay: 0.15s; }
.box:hover .box-content:after{ transition-delay: 0s; }
.box img{
	width: 100%;
	height: auto;
	transition: all 0.3s ease 0s;
}
.box:hover img{ filter: grayscale(100%); }
.box .box-content{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.2s;
}
.content{
	width: 100%;
	padding: 7px 0;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 2;
	transition: all 0.3s ease 0.1s;
}
.box:hover .content{
	opacity: 1;
	bottom: 5px;
}
.box .title{
	color:#fff;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
.box .post{
	color: var(--main-color);
	font-size: 16px;
	font-style: italic;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: block;
}
.box .icon{
	padding: 0;
	margin: 0;
	list-style: none;
	transform: translateX(-50%);
	position: absolute;
	top: 15px;
	right: -10px;
	z-index: 2;
	transition: all 0.5s ease 0.3s;
}
.box .icon li{
	opacity: 0;
	transform: scale(0) rotate(360deg);
	transition: all 400ms;
}
.box:hover .icon li{
	opacity: 1;
	transform: scale(1) rotate(0);
}
.box .icon li a{
	color: var(--color_1);
	background-color: var(--main-color);
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin-bottom: 10px;
	border-radius: 50%;
	display: block;
	position: relative;
	transition: all 0.3s;
}
.box .icon li a:hover{
	text-decoration: none;
	color: var(--main-color);
	background-color: var(--color_1);
	border-radius: 0 20px 0 20px;
}
@media only screen and (max-width:990px){
	.box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
	.box .title{ font-size: 20px; }
}





.factoy_l ul li:nth-of-type(2){ margin-top:34px;}
.factoy_r ul li:nth-of-type(2){ margin-top:34px;}


.news_center{ width:100%; height:819px; overflow:hidden;background:url(../Image/bg2.png) no-repeat center; margin-top:67px; min-width:1200px;}
.news_center_l{ width:582px; height:auto; overflow:hidden; margin-left:132px;}
.news_center_l_bot{ margin-top:18px; height:auto; overflow:hidden;}
.news_center_l_bot ul li{ height:82px; margin-top:25px;}
.news_center_l_bot ul li .date{ width:86px; height:82px; background:#111e31; color:#fff; text-align:center;}
.news_center_l_bot ul li .date .date1{ font-size:30px; font-weight:bold; padding-top:10px;}
.news_center_l_bot ul li .date .date2{ font-size:16px;}
.news_center_l_bot ul li .news_text{ width:475px;} 
.news_center_l_bot ul li .news_text .text1{ font-size:16px; color:#fff;}
.news_center_l_bot ul li .news_text .text2{ color:#919191; margin-top:19px;}

.news_center_r{ margin-top:83px;}
.news_center_btn{ width:262px; height:63px; background:#ffffff; line-height:63px; text-align:center; margin-left:84px; margin-top:32px;}


.head_tit{ width:100%; height:34px;   min-width:1200px; background:#eeeeee; }
.head_tit1{ width:1200px; height:auto; overflow:hidden; line-height:35px;color:#585757; }
.head_tit_l{ color:#585757;  }
.head_tit_tel{ margin-left:65px; margin-top:10px;}
.head_tit_m ul li{ float:left; color:#585757;  }
.head_tit_m ul .tb{ margin-top:7px; margin-right:6px;}
.head_tit_m ul .tb_word{ color:#fff;}
.fx{ margin-left:10px;}


.lang ul li{ float:left; }

.top_bg{ width:100%;  position:relative; }
.top_bot{ width:100%; height:auto;min-width:1200px; position:absolute;  top:0px;  z-index:99999; }
.head{ width:100%; height:120px; overflow:hidden;min-width:1200px; position:relative; z-index:99999;  }

.header1{ width:1200px; height:auto;  text-align:center;}

.logo{ margin:0px auto; text-align:center; margin-top:42px; display:inline-block;	-webkit-animation:scaleout 3.3s infinite ease-in-out;
	animation:scaleout 3.3s infinite ease-in-out;}
	
	

.tel{margin-top:35px; }
.ewm1{ margin-top:26px;}


.foot{ width:100%; background:#111720; height:345px; min-width:1200px;   }
.foot_tit{ width:1200px; margin:0px auto;}
.foot2{ height:41px; width:1200px; background:#fff;}
.foot_tit{ width:1200px; height:auto; color:#adadad;}
.foot_l{ margin-top:41px;color:#acacac; }
.foot_l_tit{ font-size:16px; color:#fff; }
.foot_l_tit span{ font-size:24px; margin-right:9px;}
.foot_l_mid{   margin-top:41px; margin-left:87px;  line-height:24px; }
.foot_l_about{ margin-top:31px;}
.foot_l_add{ margin-top:10px;}

.wordd{ margin-top:51px; margin-left:42px;}


.wordd_tit{ color:#fff; font-size:16px; margin-top:21px;}
.wordd_mid{ color:#fff; font-size:24px; font-weight:bold; margin-top:13px;}
.wordd_bt{ margin-top:17px;}
.foot_l_mid ul li{  float:left;  color:#fff;}
.foot_l_mid ul li .ico_tex11{ margin-left:7px;}
.link{  height:51px; }
.link ul{ }
.link ul li{ float:left; color:#fff; margin-right:33px;    font-size:16px; line-height:51px;  text-align:center; }

.ewm{ margin-top:54px;}


.copy{border-top:1px solid #535351; width:100%; height:60px;min-width:1200px; line-height:60px; text-align:center; color:#b5b5b5; margin-top:10px; }
.bumpy-char{line-height:3.4em;position:relative;}


.inner_banner{ width:100%; height:508px; background:url(../Image/banner1.jpg) no-repeat top; min-width:1200px;}
.inner_banner1{ width:100%; height:508px; background:url(../Image/inner2.jpg) no-repeat top; min-width:1200px;}
.inner_banner2{ width:100%; height:508px; background:url(../Image/banner1.jpg) no-repeat top; min-width:1200px;}
.inner_banner3{ width:100%; height:505px; background:url(../Image/inner3.jpg) no-repeat top; min-width:1200px;}
.inner_banner4{ width:100%; height:505px; background:url(../Image/inner4.jpg) no-repeat top; min-width:1200px;}
.inner_banner5{ width:100%; height:505px; background:url(../Image/inner5.jpg) no-repeat top; min-width:1200px;}
.guanyu{ width:340px; height:auto; overflow:hidden;background:url(../Image/inside1.png) no-repeat left bottom; color:#fff;}
.guanyu_word{ margin-bottom:16px; margin-top:159px;}
.guanyu_word span{ font-size:36px; color:#fff; font-weight:bold; margin-right:15px;}
.guanyu_bot{ color:#fff; text-align:left; margin-top:20px; margin-left:27px;}




.main_top{ width:100%; height:auto; overflow:hidden; background:url(../Image/top3.jpg) no-repeat top #111e31; min-width:1200px;  }
.main1{ width:1200px; height:auto; overflow:hidden;}
.about_profile{ width:567px; height:auto; overflow:hidden;}
.profile_eng{ color:#0ba43b; font-size:30px; font-weight:bold;}
.about_profile{ margin-top:57px;}
.about_pro{ color:#fff; margin-top:56px; line-height:25px;}
.about_profile_r{ margin-top:62px;}

.szgd{ margin-top:40px;}
.szgd ul li{ color:#fff; float:left; text-align:center; margin-right:91px;}
.szgd ul li .shuzi{ font-size:30px; font-weight:bold;}
.szgd ul li .shuzi_tex{ margin-top:10px;}
.szgd ul li:nth-of-type(6){ margin-right:0px;}

.qywh_l{ margin-top:52px;}
.qywh_r{ width:600px; height:362px; background:#111e31;margin-top:52px;}
.qywh_r_bg{ margin-left:88px; margin-top:65px;}
.qyln{ color:#fff; margin-top:42px;}
.bg3{ width:100%; height:385px;background:url(../Image/bg3.jpg) no-repeat top; min-width:1200px;}
.top3{ text-align:center; width:218px; margin:0px auto;}
.honor{ margin-top:40px;}
#demo {
overflow:hidden;
width: 100%; padding:0px 0;  margin:0px 0; margin-top:30px;}

#indemo {
float: left;
width: 1500%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.cpdx{width:211px; height:325px; margin-left:10px; float:left;text-align:center;  }
.cpdx .tit{  height:32px; line-height:32px;}
.cpdx:hover .tit{  color:#333333;}
.cpdx:hover{}

.hzhb{ width:100%; height:228px; background:url(../Image/hzhb.png) no-repeat center; min-width:1200px; margin-top:46px;}
.hzhb_r{ width:526px; height:auto; overflow:hidden; color:#fff; margin-top:54px;}
.top4{ margin-top:58px; margin-left:300px;}


.cp{ width:248px; height:auto; overflow:hidden; margin-top:60px;  }
.pro_l_bt{ background:#fe732b; height:47px; font-size:20px; color:#ffffff; font-weight:bold; text-align:center; line-height:47px;}
.cp_tit{ height:100px; }

.cp_midd{ width:248px; border:1px solid #ccc; }
.cp_midd ul{ padding-top:5px; padding-bottom:9px;}
.cp_midd ul li{ height:48px; line-height:48px; width:253px; margin-top:2px; border-bottom:1px dashed #CCCCCC; color:#3a3a3a; text-align:center;}
.cp_midd ul li a{ display:inline-block;height:48px; line-height:48px; width:253px; margin-top:2px;  color:#3a3a3a; text-align:center;}
.cp_midd li a:hover,.cp_midd li a.current { background:#0175ec; color:#FFF; }


.cp_contact{width:248px; margin-top:45px; float:left;}


.cp_contact_bt{  width:248px; height:auto; overflow:hidden; margin-top:40px;}
.cp_bt{ margin-top:15px; color:#5b5b5b;}
.cp_bott{ margin-top:20px; height:auto; overflow:hidden; background:#e5e5e5;}
.cp_bott_tit{ margin:0x auto; text-align:center; margin-top:24px;}
.cp_bott_midd{ border:1px solid  #CCC; padding-bottom:10px;}
.cp_bott_midd ul li{ line-height:43px; line-height:43px; border-bottom:1px dashed #CCCCCC; width:202px; margin:0px auto; }
.cp1{ padding-top:10px;}
.cp2{ font-size:22px; font-weight:bold; }
.bt1{ color:#212121; font-size:16px; margin-left:92px; padding-top:10px;}
.bt2{ color:#ff6000; font-size:22px; margin-left:92px;}

.middle1{ width:880px; height:auto; overflow:hidden;  margin-top:45px;}
.middle1_tit{ height:40px; border-bottom:1px solid #cecece;}
.m1{ color:#000; font-size:20px; border-bottom:2px solid #00428e;  line-height:39px; font-weight:bold;}
.m2{ font-size:12px; line-height:40px; margin-right:5px; font-family:'宋体';}
.pro{ height:auto; overflow:hidden; margin-top:30px;}
.pro1{ height:auto; overflow:hidden; margin-top:30px; margin-left:10px; margin-right:10px; text-align:justify; line-height:30px;}
.pro ul li{ float:left;  margin-bottom:20px; margin-right:20px; }
.pro ul li:nth-of-type(3n+3){ margin-right:0px;}
.pro ul li .name{ text-align:center;  height:30px; line-height:30px; color:#fff; font-size:14px;}
.page{ margin:20px; text-align:center; color:#fff;}

.pro2 ul li{ float:left; width:256px; height:300px;  margin-bottom:20px; margin-left:11px; background: url(../Image/p1.jpg) no-repeat center;}
.pro2 ul li:hover{background: url(../Image/p2.jpg) no-repeat center;}
.pro2 ul li .name{ text-align:center;  height:30px; line-height:30px; color:#373737; font-size:14px;}

.pro2 ul li:hover .name{ color:#FFF;}





.middle1_mid{width:1200px; height:auto;overflow:hidden;  margin-top:60px;  }
.middle1_mid dl dd{ width:1200px;  height:168px; overflow:hidden;  margin-bottom:40px;color:#fff;}

.middle1_mid dl dd .date{ width:188px; height:168px; background:#111720; color:#fff;  text-align:center; font-size:20px;}
.middle1_mid dl dd .date .time1{ font-size:65px;}
.middle1_mid dl dd .date .time2{ width:75px; height:1px; background:#fff; margin:0px auto;}
.middle1_mid dl dd:hover .date{ background:#0ba43b; color:#FFF;}
.middle1_mid dl dd .text{ width:742px; margin-left:20px; }
.font16{ font-size:16px;}
.font12{ font-size:14px; margin-top:20px;}
.more_inner{ color:#fff;}


.menu_list { width: 248px;  }
.menu_head { width: 246px; height:40px; cursor: pointer; position: relative; color:#000;  line-height:40px; font-family:"微软雅黑"; margin-bottom:5px;background: #e5e5e5 url(../Image/t1.png) 199px 12px no-repeat;}
.menu_head a{ color:#000;}
.menu_head a em{ width:9px; height:9px;background:url(../Image/point.png) no-repeat center; display:block; float:left; margin-top:16px; margin-right:14px; margin-left:24px;}


.menu_head a:hover{ color:#ff9900;}
.menu_body { display:none;width: 246px; }
.menu_body a { width: 232px; background:#eb482a; display:block; color:#fff;  padding-left:15px; text-decoration:none; font-family:"微软雅黑"; font-size:13px; height:40px; line-height:40px; margin-bottom:2px;  display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.menu_body a:hover { text-decoration:underline; -webkit-transition: all .3s; -moz-transition: all .3s ;transition: all .3s;padding-left: 10px;}
/*留言*/
.mess1{ font-family: "Roboto", sans-serif;
    outline: 0;
    background: #111720;
    width: 280px;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;}
.mess2{ font-family: "Roboto", sans-serif;
    outline: 0;
    background: #111720;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;}
.mess3{font-family: "Roboto", sans-serif;
    outline: 0;
    background: #111720;
    width: 180px;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;}

/*上一页_下一页*/

nav_main{height:39px;padding:0 5px;background:#FFF url(../rz_bw_images/rz_bw_nav001-bg.png) repeat-x 0 top;position:relative;}
#nav_all{height:39px;float:left;line-height:39px;position:relative;z-index:222;}
#nav_all li{text-align:center;float:left;}
#nav_all li a{color:#232323;display:inline-block;font-size:14px;font-weight:bold;cursor:pointer;padding:0 20px 0 20px;_padding:0 10px;height:39px;line-height:39px;white-space:nowrap;}
#nav_all li a:hover{background:url(../rz_bw_images/bird.png) center 30px no-repeat;height:39px;line-height:39px;border-top:2px solid #eb6000;overflow:hidden;}
#nav_all li ul{display:none;position:absolute;z-index:99;width:990px;left:-5px;top:40px;}
#nav_all ul li{background-image:none;line-height:32px;height:32px;padding-top:0px;padding:0;}
#nav_all ul li a{background-image:none;padding:0px 10px;margin:0px;height:32px;line-height:32px;color:#fff;font-weight:normal;background:#eb6000;border:none;}
#nav_all ul li a:hover{background-image:none;padding:0px 10px;margin:0px auto;height:30px;line-height:30px;color:#FFF;background:#eb6000;border-top:none;}
.rz_bw_server_tel {font-size:14px;font-family:"微软雅黑", "幼圆", sans-serif;color:#fff;float:right;width:200px;height:39px;line-height:39px;text-align:center;background-color:#63aACA;}


#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0; color:#fff;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.conta{width:1200px; height:466px; background:url(../Image/tu2.jpg) no-repeat center; margin-top:41px; }
.conta ol{ margin-left:40px; margin-top:85px; float:left;}
.conta ol li{ color:#fff; font-size:14px; overflow:hidden; height:59px; border-bottom:1px dashed #353b42; }
.lt{ margin-right:12px; margin-top:7px;}
.lt_name{ font-size:30px; color:#fff; font-weight:bold;}
.conta ol li .ico1_tex{ margin-left:15px;margin-top:34px;}
.conta ol li .ico1{ margin-left:23px; margin-top:30px;}

/*
	** 招贤纳仕 **
*/
.career .ban{ margin-bottom:40px;}
.selectWrap{ margin-bottom:40px;}
.selectMenu{ overflow:hidden;}
.selectMenu select,.selectMenu input{ float:left}
.selectMenu select{ width:198px; height:40px; background:#fff; border:1px solid #c9d0d9; margin-right:10px; color:#949494}
.selectMenu .txt_pos{ width:246px; height:38px; line-height:36px; text-indent:10px; background:#fff; border:1px solid #c9d0d9; margin-right:10px; color:#949494}
.selectMenu .btn_ser{ width:118px; height:40px; border:0 none; background:url(../images/career/btn_ser.png) no-repeat 0 0;}

.tabPostList{}
.tabPostList .tab{ width:100%;}
.tabPostList .tab .alignLeft{ text-align:left !important;}
.tabPostList .tab thead tr{ background:#111720;}
.tabPostList .tab thead tr th{ color:#fff; font-size:14px; height:40px; line-height:13px; text-align:center; border-bottom:1px solid #fff;}
/*.tabPostList .tab .alignRight{ text-align:right;}*/
.tabPostList .tab tbody tr td{border-bottom:1px solid #fff;}
.tabPostList .tab tbody tr.trEven{ border-bottom:1px solid #fff; cursor:pointer}
.tabPostList .tab tbody tr.trEven td{ position:relative; color:#fff; height:40px; line-height:40px; text-align:center}
.tabPostList .tab tbody tr.trEven td .icon{ background:url(../Image/icon_plus.png) no-repeat center center; width:100%; height:100%; position:absolute; right:0; top:0;}
.tabPostList .tab tbody tr.open{border-bottom:1px solid #fff; }
.tabPostList .tab tbody tr.open td{ border-bottom:0;}
.tabPostList .tab tbody tr.open td .icon{background:url(../Image/icon_jian.png) no-repeat center center;}
.tabPostList .tab tbody tr.trOdd{ display:none; cursor:auto}
.tabPostList .tab tbody tr.trOdd td .postDel{ padding:20px 50px 20px 0}
.tabPostList .tab tbody tr.trOdd td .postDel .disc{ overflow:hidden; margin-bottom:20px;}
.tabPostList .tab tbody tr.trOdd td .postDel .disc .need{ float:left; width:44%; padding-right:5%; border-right:1px dotted #e4e2c4;}
.tabPostList .tab tbody tr.trOdd td .postDel .disc .dis{ float:left; width:100%; padding-left:2%;}
.tabPostList .tab tbody tr.trOdd td .postDel .disc div h1{ color:#fff; font-size:14px; margin-bottom:15px;}
.tabPostList .tab tbody tr.trOdd td .postDel .disc div p{ line-height:24px; color:#fff;}
.tabPostList .tab tbody tr.trOdd td .postDel h3{ font-size:14px; color:#79632d}
.tabPostList .tab tbody tr.trOdd td .postDel h3 a{ color:#026e25; text-decoration:underline}

.jobMenu{position:relative; border-top:1px solid #d9e0be; border-bottom:1px solid #d9e0be; height:42px; margin-bottom:40px;}
.jobMenu ul{ position:absolute; left:0; top:0; width:100%; height:44px;}
.jobMenu ul li{ float:left;}
.jobMenu ul li a{ float:left; padding:0 25px; height:44px; line-height:44px; color:#5b5e50; background:#dae1bf; position:relative}
.jobMenu ul li a:hover,.jobMenu ul li.on a{ background:#c9151e; color:#ffffff;}
.jobMenu ul li.on a p{ background:url(../images/career/jiao.jpg) no-repeat; position:absolute; left:50%; bottom:-7px; width:14px; height:7px; margin:0 -7px;}

#rocket-to-top div {
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:0;
    width:149px;
}
#rocket-to-top .level-2 {
    background:url("../Image/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display:none;
    height:250px;
    opacity:0;
    z-index:1;
}
#rocket-to-top .level-3 {
    background:none repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:150px;
    z-index:2;
}
#rocket-to-top {
    background:url("../Image/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor:default;
    display:block;
    height:250px;
    margin:-125px 0 0;
    overflow:hidden;
    padding:0;
    position:fixed;
    right:0;
    top:80%;
    width:149px;
    z-index:11;
}

.cm1{ width:177px;}

.page {
  text-align: center;
  padding-top: 20px; }
  .page span {
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", SimHei, sans-serif;
    font-size: 14px;
    color: #888;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    /* Firefox 4 */
    -webkit-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
    /* Opera */ }
  .page a {
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", SimHei, sans-serif;
    font-size: 14px;
    color: #888;
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    height: 24px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari*/
    background: white;
    text-align: center;
    line-height: 24px;
    border-radius: 3px;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    /* Firefox 4 */
    -webkit-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
    /* Opera */ }
    .page a:hover {
      color: #194c47;
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4) inset; }
      .page a:hover span {
        color: #194c47; }
  .page .current {
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", SimHei, sans-serif;
    font-size: 14px;
    color: white;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #0ba43b;
    text-align: center;
    line-height: 24px;
    border-radius: 3px; }

